<template>
  <div>
    <div class="title">{{ hospitalName + data.title }}</div>
    <div class="docMain">
      <div style="text-indent: 2em">
        <input type="text" style="width: 100px" />
        床
        <input type="text" style="width: 150px" />
        病员家属：
      </div>
      <div style="text-indent: 2em">
        您的家人因病情需要入住重症监护病区，为了保证医疗工作的顺利进行，减少感染机会，有利于病人的康复，特提请家属注意以下几点:
      </div>
      <div>
        一、监护病区实行<span class="decoration">24小时无陪制</span
        >。病员入住后，我们会有专人护理，贵重财物请家属自行保管，谨防遗失。
      </div>
      <div>
        二、病人入住ICU后，<span class="decoration"
          >请家属及时离开，不要留在病房楼梯口</span
        >。联系电话请保持24小时开通。
      </div>
      <div>
        联系电话1：
        <input type="text" style="width: 100px" />
        与人关系
        <input type="text" style="width: 100px" />
        ； 联系电话2：
        <input type="text" style="width: 100px" />
        与病人关系
        <input type="text" style="width: 100px" />
        ；
      </div>
      <div>
        患者身份证号码：
        <input type="text" style="width: 200px" />
        <span style="margin-left: 10px"></span>
        联系地址：
        <input type="text" style="width: 200px" />
      </div>
      <div>
        三、监护室内谢绝摆放花草。<br />
        四、探视时间:15:00-15:30，只能一人探视，不能替换，特殊情况除外，如有意外我们会提前通知您，有关病情了解可以电话联系，如有需要我们工作人员用自己手机拍照片或视频方便您了解患者病情。<br />
        五、病人饮食由医院供给，如要自带，请在餐前带至病房门口，由我们的护士负责患者进食。<br />
        六、需购买物品另附⻚。<br />
        七、请⾃带⼀个软枕（家⽤枕头也可以）⽤于脚部垫高。<br />
        八、每日医疗清单可以去病房外的自助机上查询，出院结账时可以在自助机上自行结账无需去住院处排队结账。<br />
        九、<span class="decoration"
          >因治疗需要，可能会剪破衣物，贵重物品请于入科前告知并自行保管</span
        >。<br />
        十、<span class="decoration"
          >监护病房电话：{{ tel1 }}（医生站）{{ tel2 }}（护士站）</span
        >
      </div>
      <div>
        主管医生：<input type="text" style="width: 100px" />
        <span style="margin-left: 10px"></span>
        科主任：<input type="text" style="width: 100px" />
        <span style="margin-left: 10px"></span>
        护士长：<input type="text" style="width: 100px" />
      </div>
      <div>
        宣教护士：<input type="text" style="width: 100px" />
        <span style="margin-left: 10px"></span>
        过敏史：<input type="text" style="width: 300px" />
      </div>
      <div style="text-indent: 2em">谢谢您的合作，祝您的家人早日康复!</div>
      <div style="text-indent: 2em">
        本告知一式二份，一份监护病区保存，另一份病员家属留存。
      </div>
      <div>如果您已清楚上述告知，请签字：</div>
    </div>
  </div>
</template>

<script>
import { computed, defineComponent, reactive, toRefs } from 'vue'

import { getStoreFromInstance } from '@/utils/instance'

export default defineComponent({
  components: {},
  props: {
    patCur: {
      type: Object,
      default: () => ({})
    },
    data: {
      type: Object,
      default: () => ({})
    }
  },
  setup() {
    const state = reactive({
      hospitalName: window.hospitalName
    })

    const store = getStoreFromInstance()

    const tenant = computed(() => store.getters.tenant)

    const tel1 = computed(() =>
      tenant.value === 'MDAy' ? '87237315' : '（0574）87877219'
    )

    const tel2 = computed(() =>
      tenant.value === 'MDAy' ? '87237310' : '87877190'
    )

    return {
      ...toRefs(state),
      tel1,
      tel2
    }
  }
})
</script>

<style lang="scss" scoped>
.title {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}

.docMain {
  line-height: 2.4em;
  margin-top: 30px;

  input {
    appearance: none;
    border: none;
    outline: none;
    border-bottom: 1px solid #000;
  }

  .decoration {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
}
</style>
